import React from 'react';
import "./MyProduct.css"
import Allproduct from "./Allproduct"
import ProductClass from './ProductClass'
import Addproduct from './Addproduct'

import { AppstoreOutlined } from '@ant-design/icons';

import { Tabs } from 'antd';

const { TabPane } = Tabs;
function callback(key) {
    // console.log(key);
}
class MyProduct extends React.Component {
    constructor() {
        super();
        this.state = {};
    }


    render() {
        return (
            <div className='mycontent'>
                <div className="up">
                    <AppstoreOutlined />  商品管理
                </div>
                <div className="tabs">
                    <Tabs defaultActiveKey="1" onChange={callback}>
                        <TabPane tab="查看商品" key="1">
                            <Allproduct/>
                        </TabPane>
                        <TabPane tab="查看商品类别" key="2">
                            <ProductClass/>
                        </TabPane>
                        <TabPane tab="添加商品" key="3">
                            <Addproduct/>
                        </TabPane>
                    </Tabs>
                </div>



            </div>

        );
    }
}

export default MyProduct


